<template>
	<view >
			<button v-if="kaishiyouxi" @click="dakaishezhi" class="shezhi"  type="primary"></button>
		<youxixianshishezhi v-if="shezhia"></youxixianshishezhi>
		<view class="kaishihejieshu">
			<video v-if="pipeikaishi===1" class="pipeidonghua"></video>
		    <button v-if="pipeizhuangtai===1"class="kaishipipei" @click="kaishipipei" type="primary">开始游戏</button>
		    <button v-if="pipeikaishi===1" class="jieshupipei" @click="jieshupipei" type="warn">停止匹配</button>
		</view>
		
		 <view class="wanjia3">
			  <div >{{zhang3}}</div>
			  <div v-if="jishiqi3===1" class="wanjia3jianju">{{miao}}</div>
			   <image class="jsq3" v-if="jishiqi3===1" :src="jishiqilist[user.jishiqi]"></image>
		 </view>
		 <view class="wanjia2">
			  <div v-if="jishiqi2===1" class="wanjia2jianju">{{miao}}</div>
			   <image class="jsq2" v-if="jishiqi2===1" :src="jishiqilist[user.jishiqi]"></image>
		 	   <div >{{zhang2}}</div>
		 </view>
		 
		  <view v-if="button" class="jiaobujiao">
				 <button class="jiaodizhu" type="primary" @click="jiaodizhu">{{button1}}</button>
			    <button class="bujiao" type="warn" @click="bujiao">{{button2}}</button>
		  </view>
			<view  class="suoyoushoupai">
			  <view v-for="(item,index) in shoupai"  >
			  <view  class="dangeshoupai" :style="{background:shoupaibeijingyanse[index]}" @click="xuanpai" data-index="{{index}}">{{item}}</view>
		      </view>
			</view>	
			<view class="suoyoudipai">
				<view v-for="(item,index) in dipai">
					<view class="dangedipai">{{item}}</view>
				</view>
			</view>
		
		 <view class="wanjia1">
			  <div v-if="jishiqi1===1" class="wanjia1jianju">{{miao}}</div>
			  <image class="jsq1" v-if="jishiqi1===1" :src="jishiqilist[user.jishiqi]"></image>
		 		<div >{{zhang1}}</div>
			 </view>
			 <view v-if="kaishiyouxi==1" class="liatiankuang" >
				 <scroll-view class="liaotianneirong" :scroll-y="true">
						  <view v-for="(item,index) in list" class="dangeneirong">
						     <view>{{item.zhang}}:</view>
						      <view class="neirong">{{item.neirong}}</view>
					      </view>
				 </scroll-view>
				 <view class="fasong">
					 <input v-model="jiaoliu"  placeholder="交流"/>
					 <button class="fasongjiaoliu" @click="fasongjiaoliu">发送</button>
				 </view>
				 
			 </view>
			 <image class="paizhuobeijing" :src="paizhuolist[user.paizhuo]"></image>
			<shengli v-if="show===1"></shengli>
			<shibai v-if="show===2"></shibai>
	</view>
</template>

<script>
	import youxixianshishezhi from '@/pages/index/wanfa/youxixianshishezhi'
	import shengli from"@/pages/index/wanfa/shengli"
	import shibai from"@/pages/index/wanfa/shibai"
	export default {
		components:{
			youxixianshishezhi,
			shengli,
			shibai
		},
		data() {
			return {
				pipeizhuangtai:1,
				pipeikaishi:0,
				zhang:"xia",
				timer:null,
				timer1:null,
				xuhao:0,
				miao:30,
				zhang3:3,
				zhang2:2,
				zhang1:1,
				jishiqi1:0,
				jishiqi2:0,
				jishiqi3:0,
				button1:"抢地主",
				button2:"不抢",
				button:false,
				fangjianid:0,
				shoupai:[],
				shoupaibeijingyanse:[],
				chupai:[],
				dipai:[],
				shuying:0,
				shezhia:false,
				list:[],
				jiaoliu:"",
			    paizhuolist:["/static/pz1.webp","/static/pz2.webp","/static/pz3.webp","/static/pz4.webp"],
				jishiqilist:["/static/jsq1.jpg","/static/jsq2.jpg","/static/jsq3.jpg","/static/jsq4.jpg"],
				paizhuoindex:0,
				jishiqiindex:0,
				user:{},
				kaishiyouxi:0,
				jieguo:-1,
				show:0
				
			}
		},
		onLoad(){
				this.zhang=getApp().globalData.zhang
			   	                       uni.request({
			   	                       	url:"http://124.221.104.5:8080/jbgn/chagerenxinxi",
			   							data:{zhang:this.zhang},
			   							success: (res) => {
			   								this.user=res.data
			   							}
			   	                       })
		},
		methods: {
			xuanpai(event){
			  if(this.shoupaibeijingyanse[event.currentTarget.dataset.index]=="antiquewhite")
			   this.shoupaibeijingyanse[event.currentTarget.dataset.index]="red"
			   else if(this.shoupaibeijingyanse[event.currentTarget.dataset.index]=="red")
			   this.shoupaibeijingyanse[event.currentTarget.dataset.index]="antiquewhite"
		    },
			kaishipipei(){
				this.pipeikaishi=1
				this.pipeizhuangtai=0
				this.timer1=setInterval(()=>{
						uni.request({
					url:"http://124.221.104.5:8080/wanfa/kaishipipei",
					data:{zhang:this.zhang},
					success: (res) => {
						 if(res.data.zhuangtai==1)
						{  
							this.fangjianid=res.data.fangjianid
							getApp().globalData.fangjianid=res.data.fangjianid
							this.pipeizhuangtai=0
						    this.pipeikaishi=0
							this.kaishiyouxi=1
							if(res.data.zhang1==this.zhang)
							   {this.xuhao=1
							   this.xuhao1()
							   this.zhang1=res.data.zhang1
							   this.zhang2=res.data.zhang2
							   this.zhang3=res.data.zhang3}
							 else if(res.data.zhang2==this.zhang)
							   { this.xuhao=2
							   this.xuhao2()
							   this.zhang1=res.data.zhang2
							   this.zhang2=res.data.zhang3
							    this.zhang3=res.data.zhang1}
							  
								else if(res.data.zhang3==this.zhang)
								 { this.xuhao=3
								 this.xuhao3()
								 this.zhang1=res.data.zhang3
								 this.zhang2=res.data.zhang1
								 this.zhang3=res.data.zhang2}
								 getApp().globalData.xuhao=this.xuhao
								  clearInterval(this.timer1)
							}
					},
					
				})
				},1000)
			
			},
			jieshupipei(){
				this.pipeikaishi=0
				this.pipeizhuangtai=1
				clearInterval(this.timer1)
				uni.request({
					url:"http://124.221.104.5:8080/wanfa/jieshupipei",
					data:{zhang:this.zhang},
					success:(res)=>{
					},
					
				})
			},
			jishiqi(){
				this.timer=setInterval(()=>{
				this.miao-=1
				if(this.miao<1)
				clearInterval(this.timer)
			    },1000)
			},
			async jiaodizhu(){
				
				if(this.button1==="抢地主"){ 
					this.button=false
					this.jishiqi1=0
					this.jishiqi2=0
					this.jishiqi3=0
					 uni.request({
					    url:"http://124.221.104.5:8080/wanfa/qiangdizhu",
						data:{fangjianid:this.fangjianid,xuhao:this.xuhao},
				             })  
							
				}
				else if(this.button1==="出牌")
				{   
				   let c=0
					  for(let a=0;a<this.shoupai.length;a++){
						  if(this.shoupaibeijingyanse[a]=="red")
						     this.chupai.push(this.shoupai[a])
					  }

					    if(this.chupai==null)
					    this.shuying=0
					   else {
						   uni.request({
						   	url:"http://124.221.104.5:8080/wanfa/bidaxiao",
							data:{fangjianid:this.fangjianid,chupai:this.chupai.join(",")},
							success: (res) => {
								this.shuying=res.data
							                  },
								 
						           })
								 await new Promise((res)=>setTimeout(res,1000)) 
					    }
					  if(this.shuying==1){
						  this.button=false
						  this.jishiqi1=0
						  this.jishiqi2=0
						  this.jishiqi3=0
						  for(let a=0;a<this.shoupai.length;a++){
						  	if(this.shoupaibeijingyanse[a]=="red")
						  	{  this.shoupaibeijingyanse.splice(a,1)
								this.shoupai.splice(a,1)
							   a--
							   c+=1}
						  }
						  
						  uni.request({
							 url:"http://124.221.104.5:8080/wanfa/chupai",
							 data:{fangjianid:this.fangjianid,xuhao:this.xuhao,chupaishu:c,chupai:this.chupai.join(",")},
							 success: () => {
							 	this.chupai=[]
							 }
					   }) 
					await new Promise((res)=>setTimeout(res,1000)) 
					  }
					  
					  
					  else if(this.shuying==0)
					  {    this.shoupaibeijingyanse.forEach((item,index)=>{
						  if(item==="red")
						  this.shoupaibeijingyanse[index]="antiquewhite"
					             })
						  this.chupai=[]
					    
					  }
						
					
				}
				
			},
			bujiao(){
				this.button=false
				this.jishiqi1=0
				this.jishiqi2=0
				this.jishiqi3=0
				if(this.button2==="不抢"){  
						 uni.request({
						    url:"http://124.221.104.5:8080/wanfa/buqiangdizhu",
							data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
					   })
				
				}
				 
				else if(this.button2==="不出")
				 {
					  this.shoupaibeijingyanse.forEach((item,index)=>{
						  if(item === "red")
						  this.shoupaibeijingyanse[index] = "antiquewhite"
					  })
					 uni.request({
					  	    url:"http://124.221.104.5:8080/wanfa/buyao",
							data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
					  })
					 
				 }
				
				
			 },
			
		    async	xuhao1(){
				  uni.request({
                       	url:"http://124.221.104.5:8080/wanfa/fenpai",
                       	data:{fangjianid:this.fangjianid,xuhao:this.xuhao},
                       })
					   await new Promise((res)=>setTimeout(res,500))
					   uni.request({
					   	url:"http://124.221.104.5:8080/wanfa/fangjianxinxi",
					   	data:{fangjianid:this.fangjianid},
						success: (res) => {
							this.shoupai=res.data.shoupai1.split(",")
							this.shoupai.forEach(()=>{
								this.shoupaibeijingyanse.push("antiquewhite")
							})
						}
					   })
				this.timer1=setInterval(()=>{
//控制该谁出               
                     
                       uni.request({
                       	url:"http://124.221.104.5:8080/jbgn/chagerenxinxi",
						data:{zhang:this.zhang},
						success: (res) => {
							this.user=res.data
						}
                       })
					    uni.request({
					    	url:"http://124.221.104.5:8080/wanfa/chaliaotianneirong",
							data:{fangjianid:this.fangjianid},
							success: (res) => {
								this.list=res.data
							}
					    })
						uni.request({
					    	url:"http://124.221.104.5:8080/wanfa/fangjianxinxi",
							data:{fangjianid:this.fangjianid},
							success: (res) => {
						    if((res.data.paishu1!=0)&&(res.data.paishu2!=0)&&(res.data.paishu3!=0)){
							  if(res.data.jiaofencishu>0){
									if(res.data.chupai!=null)
									this.dipai=res.data.chupai.split(",")
							         if(res.data.xiayigeid==1){
									  
								     if(this.jishiqi1!=1){
									   clearInterval(this.timer)
									 this.button=true
									 this.jishiqi3=0
									 this.jishiqi1=1
									 this.jishiqi2=0
									 this.miao=60
									 this.jishiqi()
								                  }
							            }
							       else  if(res.data.xiayigeid==2)
							        {   if(this.jishiqi2!=1)
									       {    clearInterval(this.timer)
										   this.button=false
											   this.jishiqi1=0
											   this.jishiqi2=1
											   this.jishiqi3=0
											   this.miao=30
											   this.jishiqi()
										   }
										
									    }
								    else if(res.data.xiayigeid==3)
									  {  
										if(this.jishiqi3!=1)
										       {    clearInterval(this.timer)
											   this.button=false
												   this.jishiqi2=0
												   this.jishiqi3=1
												   this.jishiqi1=0
												   this.miao=30
												   this.jishiqi()
											   }
									}
								}
								else if(res.data.jiaofencishu==0){
									this.button1="出牌"
									this.button2="不出"
									uni.request({
										url:"http://124.221.104.5:8080/wanfa/querendizhu",
										data:{fangjianid:this.fangjianid,xuhao:this.xuhao},
										success: (res) => {
											  if(res.data.paishu1==20)
										{	this.shoupai=res.data.shoupai1.split(",")
													this.shoupaibeijingyanse.push("antiquewhite")
													this.shoupaibeijingyanse.push("antiquewhite")
													this.shoupaibeijingyanse.push("antiquewhite")}
												
											}
											
									}) 
								   }
							}
							else{
								if(res.data.dizhu==1)
								{  if(res.data.paishu1==0)
								   this.jieguo=1
								   else 
								   this.jieguo=0
								}
								else if(res.data.dizhu==2)
								{  if(res.data.paishu2==0)
								    this.jieguo=0
									else
									this.jieguo=1
								}
								else if(res.data.dizhu==3)
								{  if(res.data.paishu3==0)
								    this.jieguo=0
									else
									this.jieguo=1
								}
								
								clearInterval(this.timer1)
							}
							 if(this.jieguo==1)
							  this.show=1
							 else if(this.jieguo==0)
							  this.show=2
                            }
							 
					    })
//该我时不进行操作
					   if(this.button==true){
					     if(this.miao==0)
						  {  this.button=false
							  if(this.button1=="抢地主")
							 {  
								 uni.request({
							  	url:"http://124.221.104.5:8080/wanfa/buqiangdizhu",
								data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
							                }) 
							  }
							  else if(this.button1=="出牌")
							  {
							    uni.request({
							    	    url:"http://124.221.104.5:8080/wanfa/buyao",
							    		data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
							    })
							  }
						  }
						
					    }
				   },1000)
			},
			async xuhao2(){
				  await new Promise((res)=>setTimeout(res,500))
				uni.request({
					url:"http://124.221.104.5:8080/wanfa/fangjianxinxi",
					data:{fangjianid:this.fangjianid},
										success: (res) => {
											this.shoupai=res.data.shoupai2.split(",")
											this.shoupai.forEach(()=>{
												this.shoupaibeijingyanse.push("antiquewhite")
											})
										}
				})
				   this.timer1= setInterval(()=>{
						uni.request({
							url:"http://124.221.104.5:8080/jbgn/chagerenxinxi",
												data:{zhang:this.zhang},
												success: (res) => {
													this.user=res.data
												}
						})
						uni.request({
							url:"http://124.221.104.5:8080/wanfa/chaliaotianneirong",
							data:{fangjianid:this.fangjianid},
							success: (res) => {
								this.list=res.data
							}
						})
						uni.request({
							url:"http://124.221.104.5:8080/wanfa/fangjianxinxi",
							data:{fangjianid:this.fangjianid},
							success: (res) => {
								if((res.data.paishu1!=0)&&(res.data.paishu2!=0)&&(res.data.paishu3!=0)){
								if(res.data.jiaofencishu>0){
									if(res.data.chupai!=null)
									this.dipai=res.data.chupai.split(",")
									if(res.data.xiayigeid==1)
									{   if(this.jishiqi3!=1)
										{   clearInterval(this.timer)
										this.button=false
											this.jishiqi3=1
									      this.jishiqi2=0
									      this.jishiqi1=0
									      this.miao=30
									      this.jishiqi()}
									}
									else if(res.data.xiayigeid==2)
									{   if(this.jishiqi1!=1)
										{  clearInterval(this.timer)
										this.button=true
											this.jishiqi3=0
									      this.jishiqi2=0
									      this.jishiqi1=1
									      this.miao=30
									      this.jishiqi()}
									}
									else if(res.data.xiayigeid==3)
									{   if(this.jishiqi2!=1)
										{ clearInterval(this.timer)
										this.button=false
											this.jishiqi3=0
									      this.jishiqi2=1
									      this.jishiqi1=0
									      this.miao=30
									      this.jishiqi()}
									}
								}
							    else if(res.data.jiaofencishu==0){    
									this.button1="出牌"
									this.button2="不出"
									uni.request({
										url:"http://124.221.104.5:8080/wanfa/querendizhu",
										data:{fangjianid:this.fangjianid,xuhao:this.xuhao},
										success: (res) => {
										if(res.data.paishu2==20)
										{	this.shoupai=res.data.shoupai2.split(",")
													this.shoupaibeijingyanse.push("antiquewhite")
													this.shoupaibeijingyanse.push("antiquewhite")
													this.shoupaibeijingyanse.push("antiquewhite")}
										}
									})
								}
								}
								else{
									if(res.data.dizhu==1)
									{  if(res.data.paishu1==1)
									   this.jieguo=0
									   else 
									   this.jieguo=1
									}
									else if(res.data.dizhu==2)
									{  if(res.data.paishu2==0)
									    this.jieguo=1
										else
										this.jieguo=0
									}
									else if(res.data.dizhu==3)
									{  if(res.data.paishu3==0)
									    this.jieguo=0
										else
										this.jieguo=1
									}
									clearInterval(this.timer1)
								}
							}
						})
						if(this.button==true)
						{
							if(this.miao==0)
							{  this.button=false
							   if(this.button1=="抢地主")
							   {  
							   	  uni.request({
							    	url:"http://124.221.104.5:8080/wanfa/buqiangdizhu",
							   		data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
							                  }) 
							    }
							    else if(this.button1=="出牌")
							    {
							      uni.request({
							      	    url:"http://124.221.104.5:8080/wanfa/buyao",
							      		data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
							      })
							    }
								
							}
						}
					},1000)
			},
			async xuhao3(){
				  await new Promise((res)=>setTimeout(res,500))
				uni.request({
					url:"http://124.221.104.5:8080/wanfa/fangjianxinxi",
					data:{fangjianid:this.fangjianid},
										success: (res) => {
											this.shoupai=res.data.shoupai3.split(",")
											this.shoupai.forEach(()=>{
												this.shoupaibeijingyanse.push("antiquewhite")
											})
										}
				})
				this.timer1=setInterval(()=>{
					uni.request({
						url:"http://124.221.104.5:8080/jbgn/chagerenxinxi",
											data:{zhang:this.zhang},
											success: (res) => {
												this.user=res.data
											}
					})
				uni.request({
					url:"http://124.221.104.5:8080/wanfa/chaliaotianneirong",
					data:{fangjianid:this.fangjianid},
					success: (res) => {
						this.list=res.data
					}
				})
					  uni.request({
					  	url:"http://124.221.104.5:8080/wanfa/fangjianxinxi",
					  	data:{fangjianid:this.fangjianid},
					  	success: (res) => {
							if((res.data.paishu1!=0)&&(res.data.paishu2!=0)&&(res.data.paishu3!=0)){
					  		if(res.data.jiaofencishu>0){
					  			if(res.data.chupai!=null)
					  			this.dipai=res.data.chupai.split(",")
					  			if(res.data.xiayigeid==1)
					  			{   if(this.jishiqi2!=1)
					  				{   clearInterval(this.timer)
									   this.button=false
					  					this.jishiqi3=0
					  			      this.jishiqi2=1
					  			      this.jishiqi1=0
					  			      this.miao=30
					  			      this.jishiqi()}
					  			}
					  			else if(res.data.xiayigeid==2)
					  			{   if(this.jishiqi3!=1)
					  				{  clearInterval(this.timer)
									this.button=false
					  					this.jishiqi3=1
					  			      this.jishiqi2=0
					  			      this.jishiqi1=0
					  			      this.miao=30
					  			      this.jishiqi()}
					  			}
					  			else if(res.data.xiayigeid==3)
					  			{   if(this.jishiqi1!=1)
					  				{    this.button=true
										clearInterval(this.timer)
					  					this.jishiqi3=0
					  			      this.jishiqi2=0
					  			      this.jishiqi1=1
					  			      this.miao=30
					  			      this.jishiqi()}
					  			}
					  		}
					  	    else if(res.data.jiaofencishu==0){    
					  			this.button1="出牌"
					  			this.button2="不出"
					  			uni.request({
					  				url:"http://124.221.104.5:8080/wanfa/querendizhu",
					  				data:{fangjianid:this.fangjianid,xuhao:this.xuhao},
					  				success: (res) => {
					  					if(res.data.paishu3==20)
					  					{	this.shoupai=res.data.shoupai3.split(",")
					  								this.shoupaibeijingyanse.push("antiquewhite")
					  								this.shoupaibeijingyanse.push("antiquewhite")
					  								this.shoupaibeijingyanse.push("antiquewhite")}
					  				}
					  			})
					  		}
					  	  }
						  else{
						  	if(res.data.dizhu==1)
						  	{  if(res.data.paishu1==1)
						  	   this.jieguo=0
						  	   else 
						  	   this.jieguo=1
						  	}
						  	else if(res.data.dizhu==2)
						  	{  if(res.data.paishu2==0)
						  	    this.jieguo=0
						  		else
						  		this.jieguo=1
						  	}
						  	else if(res.data.dizhu==3)
						  	{  if(res.data.paishu3==0)
						  	    this.jieguo=1
						  		else
						  		this.jieguo=0
						  	}
						  	clearInterval(this.timer1)
						  }
						  
						}
					  })
					if(this.button==true)
					{
						if(this.miao==0)
						{  this.button=false
						   if(this.button1=="抢地主")
						   {  
						   	  uni.request({
						    	url:"http://124.221.104.5:8080/wanfa/buqiangdizhu",
						   		data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
						                  }) 
						    }
						    else if(this.button1=="出牌")
						    {
						      uni.request({
						      	    url:"http://124.221.104.5:8080/wanfa/buyao",
						      		data:{fangjianid:this.fangjianid,xuhao:this.xuhao}
						      })
						    }
							
						}
					}
				},1000)
			},
		    dakaishezhi(){
				if(this.shezhia==false)
				   this.shezhia=true
				   else
				   this.shezhia=false
			 },
			fasongjiaoliu(){
				if(this.jiaoliu!="")
				 {   
					 uni.request({
				  	url:"http://124.221.104.5:8080/wanfa/jiaoliu",
					data:{fangjianid:this.fangjianid,zhang:this.zhang,neirong:this.jiaoliu}
				  })
				  }
				  this.jiaoliu=""
			}
			
		}
	}
</script>

<style>
	.paizhuobeijing{
		position: absolute;
		top: 0rpx;
		left: 0rpx;
		width:751rpx ;
		height: 378rpx;
		z-index:-1
	}
	.shezhi{
		position: absolute;
		left: 20rpx;
		 top: 10rpx;
		 width: 40rpx;
		height: 40rpx;
		z-index: 10;
	}
	.kaishihejieshu{
		position: absolute;
	}
	.pipeidonghua{
		margin-top: 120rpx;
		margin-left: 350rpx;
		width: 50rpx;
		height: 50rpx;
	}
	.kaishipipei{
		margin-top: 140rpx;
		margin-left: 295rpx;
		width: 160rpx;
		height: 40rpx;
		
	}
	.jieshupipei{
		margin-top: 20rpx;
		margin-left: 295rpx;
		width: 160rpx;
		height: 40rpx;
	}
	.wanjia3{
		margin-top: 10rpx;
		margin-left: 300rpx;
	}
	.wanjia3jianju{
		position: absolute;
		top: 53rpx;
		left: 300rpx;
		z-index: 10;
	}
	.jsq3{
		position: absolute;
		top: 38rpx;
		left: 285rpx;
		width: 50rpx;
		height: 50rpx;
	}
	.wanjia2{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 100rpx;
		margin-left:700rpx;
	}
	.wanjia2jianju{
		position: absolute;
		margin-left: -50rpx;
		z-index: 10;}
		.jsq2{
			position: absolute;
			margin-left: -65rpx;
			width: 50rpx;
			height: 50rpx;
		}
		
	
	.wanjia1{
		margin-top: 190rpx;
		margin-left: 300rpx;
		
		
	}
	.wanjia1jianju{
		position: absolute;
		margin-top: -65rpx;
		margin-left: 210rpx;
		z-index: 10;
	}
	.jsq1{
		position: absolute;
		margin-top: -80rpx;
		margin-left: 197rpx;
		width: 50rpx;
		height: 50rpx;
	}
	.jiaobujiao{
		position: absolute;
		margin-left: 230rpx;
		margin-top: 110rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.jiaodizhu{
		width: 100rpx;
		height: 50rpx;
	}
	.bujiao{
		margin-left: 20rpx;
		width: 100rpx;
		height: 50rpx;
	}
	.suoyoushoupai{
	    
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 50rpx;
		
	}
	
	.dangeshoupai{
		text-align: center;
		line-height: 50rpx;
	    font-size: 20rpx;
	    width: 30rpx;
	    height: 50rpx;
		border: 1rpx solid black; 
	}
	.suoyoudipai{
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: -40rpx;
	}
	.dangedipai{
		text-align: center;
		line-height: 50rpx;
		font-size: 20rpx;
		width: 30rpx;
		height:50rpx ;
		border:1rpx solid black;
		background-color: antiquewhite;
	}
    .liatiankuang{
		position: absolute;
		background-color: antiquewhite;
		width: 180rpx;
		height: 150rpx;
		left: 0rpx;
		top: 50rpx;
	}
	.liaotianneirong{
		width: 180rpx;
		height: 120rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.dangeneirong{
		display: flex;
		flex-direction: row;
		
		font-size: 20rpx;
		margin-left: 5rpx;
		width:170rpx ;
	    margin-top: 5rpx;
		
	}
	.neirong{
		word-break: break-all;
		margin-left: 5rpx;
	}
	.fasong{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 0rpx;
	}
	.fasong input{
		width:120rpx ;
		height:30 ;
		border: 1rpx solid black;
	}
	.fasongjiaoliu{
		width: 60rpx;
		height: 30rpx;
		font-size: 15rpx;
		line-height:30rpx ;
	}
	
	
</style>
